/**
 * Created by IanSalvatore on 2016/10/13 0015.
 */

$(function () {

    var arr = ["banner.jpg", "banner1.jpg", "banner2.jpg", "banner3.jpg", "banner4.jpg", "banner5.jpg"]
    var idx = 0;
    var autoSlide = setInterval(function () {
        idx++;
        $(".banner").css('transition-property', 'background').css('transition-duration', '0.5s')
            .css('background', 'url(img/' + arr[idx] + ') no-repeat 0px 0px').css('background-size', 'cover')
        if (idx == arr.length - 1)
            idx = -1;
        $(".process").animate({width: '0%'}, 500).animate({width: '100%'}, 5000)
    }, 5500)

    $(".process").animate({width: '100%'}, 5000)

    //Nav
    $(".navbar>li").hover(function () {
        if (!$(this).hasClass('active')) {
            $(this).children("a").css("background", "#f65a5b").css('color', '#FFF').css("opacity", "0").animate({opacity: '1'}, 'normal')
        }
    })

    $(".navbar>li").mouseleave(function () {
        if (!$(this).hasClass('active')) {
            $(this).children("a").css("background", "transparent").css('color', '#000')
        }
    })

    $(".navbar>li").click(function () {
        if ($(this).attr("data-title") == "true") {
            return;
        }
        $(this).addClass('active').siblings().removeClass('active')
        $(this).siblings().children("a").removeAttr("style");
    })


    //FocusButton
    $(".form-control").focus(function () {
        $(this).siblings('.input-lable').animate({top: '-60px', fontSize: '14px'}, 250);
    })

    $(".form-control").blur(function () {
        if ($(this).val() == "")
            $(this).siblings('.input-lable').animate({top: '-35px', fontSize: '20px'}, 250)
    })

})